﻿@model GPS.ENTITYS.ViewModelTDBD_PHUONGTIEN
@using PagedList.Mvc;
@using GPS.Helpers;
@{
    ViewBag.Title = "Theo dõi Biến động Phương tiện";
}

<script src="~/Scripts/jquery.validate.min.js"></script>
<script src="~/Scripts/jquery.validate.unobtrusive.min.js"></script>
<script src="~/Scripts/jquery.maskedinput.js"></script>
<script src="~/Scripts/datepicker.js"></script>

<div class="container fdb-div-content fdb-div-corner-all">
    <h3 class="text-center fdb-title-search-form">Thông tin theo dõi biến động phương tiện</h3>
    <div class="row">
        <div class="row">
            @using (Html.BeginForm("Index", "GPS_TheoDoiBienDongPhuongTien", FormMethod.Get))
            {
                <div class="list-group">
                    <fieldset class="fs_body">
                        <legend class="head_title">Điều kiện tìm kiếm</legend>

                        <div class="criteria_search">
                            <div class="row">
                                <div class="col-md-2 control-label">
                                    Biển số:
                                </div>
                                <div class="col-md-4">
                                    @Html.TextBoxFor(model => model.pPT_BIENSO, new { @class = "form-control" })
                                </div>
                            </div>
                            <div class="row margin-top-05">
                                <div class="col-md-2 control-label">
                                    Đơn vị đào tạo:
                                </div>
                                <div class="col-md-4">
                                    @Html.TextBoxFor(model => model.pPT_DVGTVT_MA, new { @class = "form-control", @id = "DVGTVT_MA" })
                                    @Html.ValidationMessageFor(model => model.pPT_DVGTVT_MA)
                                    <span id="rDataDVGTVT_MA" style="width:500px;"></span>
                                    <div class="help-tip">
                                        <p>Gõ mã hoặc tên đơn vị để hiển thị danh sách đơn vị </p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row margin-top-05 btn_search">
                            <button type="submit" class="btn btn-warning btn-sm">
                                <span class="glyphicon glyphicon-search"></span> Tìm kiếm
                            </button>
                        </div>
                    </fieldset>
                </div>
            }
        </div>

        <div class="row">
            <fieldset class="fs_body">
                <legend class="head_title">Kết quả tìm kiếm</legend>
                <div class="divbtnFielset">
                    <div style="float: right;">
                        <label id="lblMessageTotal" style="color:blue; font-weight:bold">Tổng số bản ghi: @ViewBag.TotalRow</label>
                    </div>
                </div>
                <div style="clear:both; padding: 5px 0;">
                    <table class="table table-hover table-bordered table-condensed">
                        <tr>
                            <th>
                                STT
                            </th>
                            <th style="width:150px">
                                Biển số
                            </th>

                            <th>
                                CSGTVT cũ
                            </th>
                            <th>
                                CSGTVT mới
                            </th>
                            <th>
                                Ngày GPCNKD cũ
                            </th>

                            <th>
                                Ngày GPCNKD mới
                            </th>
                            <th>
                                Số GPXTL cũ
                            </th>
                            <th>
                                Số GPXTL mới
                            </th>
                            <th>
                                Ngày GPXTL cũ
                            </th>
                            <th>
                                Ngày GPXTL mới
                            </th>
                            <th>
                                Ngày hết hạn GPXTL mới
                            </th>
                            
                        </tr>
                        @{
                            if (Model.SearchResults != null)
                            {
                                foreach (var item in Model.SearchResults)
                                {
                                    <tr>
                                        <td align="center">
                                            @Html.DisplayFor(modelItem => item.STT)
                                        </td>
                                        <td align="center">
                                            @Html.DisplayFor(modelItem => item.LSPT_BIENSO)
                                        </td>

                                        <td align="center">
                                            @Html.DisplayFor(modelItem => item.LSPT_DVGTVT_MA_CU)
                                        </td>
                                        <td align="center">
                                            @Html.DisplayFor(modelItem => item.LSPT_DVGTVT_MA_MOI)
                                        </td>

                                        <td align="center">
                                            @Html.DisplayFor(modelItem => item.LSPT_NGAYGCNKD_CU)
                                        </td>
                                        <td align="center">
                                            @Html.DisplayFor(modelItem => item.LSPT_NGAYGCNKD_MOI)
                                        </td>
                                        <td align="center">
                                            @Html.DisplayFor(modelItem => item.LSPT_SOGPXTL_CU)
                                        </td>
                                        <td align="center">
                                            @Html.DisplayFor(modelItem => item.LSPT_SOGPXTL_MOI)
                                        </td>

                                        <td align="center">
                                            @Html.DisplayFor(modelItem => item.LSPT_NGAYGPXTL_CU)
                                        </td>
                                        <td align="center">
                                            @Html.DisplayFor(modelItem => item.LSPT_NGAYGPXTL_MOI)
                                        </td>
                                        <td align="center">
                                            @Html.DisplayFor(modelItem => item.LSPT_NGAYHHGPXTL_MOI)
                                        </td>
                                    </tr>
                                }
                            }
                        }

                    </table>
                </div>

                <div class="pagination-sm" style="clear:both; padding: 5px 0;">
                    @Html.PagedListPager(Model.SearchResults, page => Url.Action("Index", new
   {
       page,
       Model.pPT_BIENSO,
       Model.pPT_DVGTVT_MA
   }))
                </div>
            </fieldset>


        </div>
    </div>
</div>


<!-- delete modal placeholder-->
<div id='deleteModal' class='modal fade in'>
    <div class="modal-dialog">
        <div class="modal-content">
            <div id='deleteModalContent'></div>
        </div>
    </div>
</div>

<!-- modal placeholder-->
<div id='myModal' class='modal fade in'>
    <div class="modal-dialog">
        <div class="modal-content">
            <div id='myModalContent'></div>
        </div>
    </div>
</div>

@section Scripts {
    @Scripts.Render("~/bundles/modalform")
    <script src="~/Scripts/autocomplete.js"></script>
}

<script type="text/javascript">
    $.ajaxSetup({ cache: false });

    $("a[data-modal]").on("click", function (e) {
        // alert(this.href);
        $('#myModalContent').load(this.href, function () {
            // alert(this.href);

            $('#myModal').modal({
                /*backdrop: 'static',*/
                keyboard: true
            }, 'show');

            bindForm(this);
        });

        return false;
    });

    function bindForm(dialog) {

        $('form', dialog).submit(function () {
            //  alert(dialog);
            $.ajax({
                url: this.action,
                type: this.method,
                data: $(this).serialize(),
                success: function (result) {
                    //  alert(result.success);
                    if (result.success) {

                        $('#myModal').modal('hide');
                        //Refresh
                        location.reload();
                        //$('#replacetarget').load(result.url); //  Load data from the server and place the returned HTML into the matched element
                    } else {
                        $('#myModalContent').html(result);
                        bindForm(dialog);
                    }
                }
            });
            return false;
        });
    }


</script>

